import React from 'react'
import './inedx.scss';
import img1 from './../../assets/images/txt-1.png';
import img2 from './../../assets/images/txt-2.png';
import img3 from './../../assets/images/txt-3.png';
import img4 from './../../assets/images/txt-4.png';

type Props = {
  type:string
}

export default class Main extends React.Component<Props>{
  constructor(props:any){
    super(props)
  }
  render () {
    const {type} = this.props
    return (
        <div className="wrapper flex column">
        <div className="top">
          {type=='1'&&<img className="top-img" src={img1}/>}
          {type=='2'&&<img className="top-img" src={img2}/>}
          {type=='3'&&<img className="top-img" src={img3}/>}
          {type=='4'&&<img className="top-img" src={img4}/>}
        </div>
        <div className="dots">
          <div className="dot dot-1"></div>
          <div className="dot dot-2"></div>
          <div className="dot dot-3"></div>
        </div>
        <div className="qaboxs flex column">
          {this.props.children}
        </div>
      </div>
    );
  }
}
